/* 
如果使用过渡动画有形变或位置变化，一定不要用块级元素，因为块级元素会独占一行，会导致动画不正常
可以用行级块元素，或者内联元素，或者inline-block元素
*/
.fade-enter,
.fade-exit-done {
  opacity: 0;
  /* transform: scale(0.9); */
}
.fade-enter-active {
  opacity: 1;
  /* transform: translateX(0); */
  transition: all 500ms;
}
.fade-exit {
  opacity: 1;
}
.fade-exit-active {
  opacity: 0;
  /* transform: scale(0.9); */
  transition: all 500ms;
}

.box {
  display: inline-block;
  background: red;
}
